/*Overall*/
body,td,th {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, 宋体;
	color: #666666;
	word-spacing: 6px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#ffffff;
	overflow-y:hidden;
}

a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a:active {
	color: #666666;
	text-decoration: none;
}

form,tbody {
	margin: 0px;
	padding: 0px;
}

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
}

#Code {
	width:100%;   
    width:expression(this.offsetParent.clientWidth*1.00<1000?"100%":"100%");   
	text-align: left;
	clear: both;
	height: 100%;
}

.ClearDiv {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.Line {
	border-top: 1px solid #EFEFEF;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.LineSeparate {
	border-top: 1px solid #ff0000;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.Line2 {
	border-top: 1px solid #CCCCCC;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	margin-right: 12px;
	margin-bottom: 4px;
}

/*Font*/
.OrangeFont {
	color: #FF9900;
}

/*Top*/
#Top {
	height: 60px;
	width: 100%;
	background-image: url(../../images/common/Top-BG.png);
}

#Top #Logo {
	width: 350px;
	float: left;
	background-image: url(../../images/common/logo.gif);
	background-repeat: no-repeat;
	height: 60px;
}

#Top .Language {
	padding-top:3px;
	clear: both;
	text-align: right;
	background-image: url(../../images/common/Language-BG.gif);
	width:313px;
	height:23px;
	background-repeat:no-repeat;
}

#Top .Link {
	padding: 16px 20px 0 0;
	clear: both;
	text-align: right;
	font-size: 13px;
}

/*Menu*/
#Menu .BigMenu {
	height: 27px;
	color: #f1f3ff;
	background-image: url(../../images/common/Nav_bg.png);
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	line-height: 28px;
	font-size: 14px;
	padding-left: 10px;
}

#Menu .BigMenu a {
	padding: 7px 15px 5px 15px; *
	padding: 8px 15px 6px 15px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#Menu .BigMenu a:link {
	color: #f1f3ff;
}

#Menu .BigMenu a:visited {
	color: #FFFFFF;
}

#Menu .BigMenu a:hover {
	color: #a7cdff;
	background-image: url(../../images/common/MenuIco.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#Menu .BigMenu a:active {
	color: #00FFFF;
	background-image: url(../../images/common/MenuIco.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#Menu .SmallMenu {
	display: none;
	height: 24px;
	line-height: 24px;
	background-image: url(../../images/common/Nav2_bg.png);
	clear: both;
	padding-left: 20px;
}

#Menu .SmallMenu a {
	padding: 0 10px;
}

/*IndexContent*/
#IndexContent {
	width: 100%;
	height: 100%;
	overflow:hidden;
}

/*Content*/
#Content {
	width: 100%;
	height: 100%;
	padding: 0px;
	overflow-y:auto;
	background-color:#CADDEE;
}
#Content_Show {
	width: 100%;
	height: 100%;
	padding: 0;
	overflow-y:auto;

}

/*ContentLeft*/
.ModuleLeft {
	border: 5px solid #caddee;
	border-left:0;
	float: left;
	width: 207px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.ModuleToggle {
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	width: 6px;
	background-color:red;
}

.ModuleToggleOver {
	background-repeat: repeat-x;
	background-position: center;
	float: left;
	width:6px;
}

.ModuleLeftBox {
width:207px;

}

.ModuleLeftTitle {
	font-size: 13px;
	font-weight: bold;
	background-image: url(../../images/common/TitleMenu_bg.png);
	background-color:#caddee;
	height: 26px;
	line-height: 25px;
	padding-left: 15px;
	
	width:207px;
}

.ModuleLeftList {
	width: 207px;
}

.ModuleLeftUl {
	margin: 0px;
	padding: 10px 20px;
	list-style: none;
}

.ModuleLeftUl li {
	border-bottom: 1px solid #CCCCCC;
	line-height: 20px;
	background-image: url(../../images/common/Ico.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 2px 4px 2px 10px;
}

.ModuleLeftLock {
	background-image: url(../../images/common/Lock.gif);
	background-repeat: no-repeat;
	width: 8px;
	height: 10px;
	float: right;
	position: relative;
	top: 8px;
}

/*ContentRight*/
.ModuleRightBox {
	float: left;
}
.ModuleRight {
	background-color: #FFFFFF;
	border: 5px solid #caddee;
	width:100%;
	overflow-y:hidden;
}
.ModuleRightAll {
	margin-right:0px;
	background-color: #FFFFFF;
	border: 1px solid #EFEFEF;
}
/*Bottom*/
/*
#Bottom {
	border-top: 4px solid #1797D4;
	background-image: url(../../images/common/BottomLogo.gif);
	background-repeat: no-repeat;
	height: 36px;
	color: #999999;
	padding-left: 260px;
	line-height: 38px;
	clear: both;
}
*/
/*Main*/
.Welcome {
	background-image: url(../../images/common/Main.png);
	background-color:#F8F8F8;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100%;
}

.Module {
	border: 5px solid #F6F6F6;
	margin: 2px;
}

.ModuleBorder {
	border: 1px solid #CCCCCC;
	padding: 1px;
}

.ModuleTitle {
	height: 24px;
	line-height: 24px;
	background-color: #F6F6F6;
	background-image: url(../../images/common/TitleIco3.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	padding-left: 28px;
	font-size: 13px;
	font-weight: bold;
	color: #999999;
	text-align: left;
}

.ModuleSearch {
    padding:1px;
	background-color: #fff;
	border:5px solid #caddee;
	width: auto !important;
	width: 100%;
}

.ModuleSearchBorder {
	border: 0px solid #CCCCCC;
	background-color: #fff;
	width: 100%;
}

.ModuleSearchTitle {
	background-image: url(../../images/common/TitleSearch_bg.png);
	height:22px;
	padding:4px 0 0 10px;
	clear: both;
	width:auto !important;
	width: 100%;
}

.ModuleSearchInput {
	width:auto !important;
	width: 100%;
	margin: 6px;
}

.ModuleSearchInput input {
	width: 120px;
	height:20px;
	border: 1px solid #caddee; 
	background-color: #fff;
	font-family:Arial;
}
.ModuleSearchInput div input {
	width:120px;
	height:20px;
	background-color: #fff;
	font-family:Arial;
}
.ModuleSearchInput #YesNo input {
	width:15px;
	height:15px;
	background-color:#fff;
	border:0;
}

.ModuleSearchInput textarea {
	border: 1px solid #caddee;
	width:50%;
	background-color:#FFFFFF;
	margin:5px 0;
}
.ModuleSearchInput div textarea {
	border: 1px solid #caddee;
	width:90%;
	height:50px;
	background-color:#FFFFFF;
	margin:5px 0;
}
.ModuleSearchInput select {
	border: 1px solid #caddee;
	width:120px;
	background-color:#FFFFFF;
}
.ModuleSearchInput div select {
	border: 1px solid #caddee;
	width:90%;
	height:50px;
	background-color:#FFFFFF;
	margin:5px 0;
}
.ModuleSearchInput td {
height:30px;
}
.ModuleSearchButton {
	border-top: 1px  dashed #CCCCCC;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	padding: 8px 0px 1px 5px;
	height: 30px;
}

.ModuleSearchButton .button,.ModuleSearchButton .button-over {
	float: left;
}

.ModuleEdit {
	padding:1px;
	border:5px solid #caddee;
	background-color: #F6F6F6;
	width: auto !important;
	width:100%;
	clear:both;
}

.ModuleEditBorder {
	border: 1px solid #CCCCCC;
	width: 100%;
	background-color: #FFFFFF;
}

.ModuleEditInput {
	margin: 0px;
}

.ModuleEditInput input {
	width: 120px;
	height:20px;
	border: 1px solid #caddee;
	font-family:Arial;
}
.ModuleEditInput div input {
    width:120px;
	height:20px;
	border: 1px solid #caddee;
	font-family:Arial;
}
.ModuleEditInput #YesNo input {
	width:15px;
	height:15px;
	background-color:#fff;
	border:0;
}
.ModuleEditInput textarea {
	border: 1px solid #caddee;
	width:50%;
	background-color:#FFFFFF;
}
.ModuleEditInput div textarea {
	border: 1px solid #caddee;
	width:50%;
	background-color:#FFFFFF;
}
.ModuleEditInput select {
	border: 1px solid #caddee;
	width:120px;
	background-color:#FFFFFF;
}
.ModuleEditInput div select {
	border: 1px solid #caddee;
	width:90%;
	height:50px;
	background-color:#FFFFFF;
	margin:5px 0;
}
.ModuleEditInput td {
height:30px;
}


.ModuleEditInput textarea {
	border: 1px solid #caddee;
	margin:5px 0;
}


.ModuleEditButton {
	background-image: url(../../images/common/TitleEdit_bg.png);
	margin: 0 auto;
	text-align: left;
	padding-top: 3px;
	padding-left:10px;
	height: 27px;
	clear: both;
}


.ModuleEditButton .button,.ModuleEditButton .button-over {
	float: left;
}

button {
    border:1px solid #6b97d1;
    background-image:url(../../images/common/BottonCenter_bg.png);
    padding:0 6px;
    height:21px;
	margin:0 4px;
	font:12px;
}

.button,.button-over {
	height: 22px;
	cursor: pointer;
	margin: 0 4px;
	display: inline;
}

.button div,.button-over div {
	float: left;
	height: 22px;
	line-height: 20px;
	border: 0px none;
	display: inline;
}

.button .button-left {
	width: 4px;
	background-image: url(../../images/wee/button-left.gif);
}

.button-over .button-left {
	width: 4px;
	background-image: url(../../images/wee/button-left-over.gif);
}

.button .button-right {
	width: 4px;
	background-image: url(../../images/wee/button-right.gif);
}

.button-over .button-right {
	width: 4px;
	background-image: url(../../images/wee/button-right-over.gif);
}

.button .button-content {
	background-image: url(../../images/wee/button-bg.gif);
}

.button-over .button-content {
	background-image: url(../../images/wee/button-bg-over.gif);
}

.button button,.button-over button {
	background: transparent;
	cursor: pointer;
	border: 0px none;
	margin: 0px;
	height: 22px;
	padding: 0px;
}

.button .search,.button-over .search {
	background: transparent;
	background-image: url(../../images/icon/search.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 16px;
}

.button .new,.button-over .new {
	background: transparent;
	background-image: url(../../images/icon/add.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 16px;
}

.button .save,.button-over .save {
	background: transparent;
	background-image: url(../../images/icon/save.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 16px;
}

.button .cancel,.button-over .cancel {
	background: transparent;
	background-image: url(../../images/icon/cancel.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 16px;
}

.button .reset,.button-over .reset {
	background: transparent;
	background-image: url(../../images/icon/reset.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 16px;
}

.button .edit,.button-over .edit {
	background: transparent;
	background-image: url(../../images/icon/change.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 16px;
}

.button .return,.button-over .return {
	background: transparent;
	background-image: url(../../images/icon/return.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 16px;
}

.button .validate,.button-over .validate {
	background: transparent;
	background-image: url(../../images/icon/search.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 16px;
}

.ModuleGrid {
	padding: 1px;
	background-color: #ECF1F6;
	border:5px solid #caddee;
	width: auto !important;
	width: 100%;
	clear: both;
}

.ModuleGridBorder {
	border: 0px solid red;
	width: 100%;
	clear: both;
}

.ModuleGridTitle {
	height: 24px;
	line-height: 24px;
	background-color: #ECF1F6;
	background-image: url(../../images/common/TitleIco2.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	padding-left: 28px;
	font-size: 13px;
	font-weight: bold;
	color: #B0C2D1;
	text-align: left;
}

.ModuleGridInf {
	overflow: scroll;
}

.ModuleGridPage {
	background-color: #ECF1F6;
	padding: 4px 10px 0px 10px;
	line-height: 16px;
}

.ModuleGridPage img {
	margin: 10px 10px 0 0;
}

.Grid {
	width: 100%;
	border-left: #D5E0E6 solid 1px;
	border-top: #D5E0E6 solid 1px;
	border-collapse: collapse;
}

.Grid td {
	border-right: #D5E0E6 solid 1px;
	border-bottom: #D5E0E6 solid 1px;
	padding: 0 6px;
	height: 24px;
	line-height: 24px;
}

.Grid .trFst td {
	background-color: #FFFFFF;
}

.Grid .trSec td {
	background-color: #FBFBFB;
}

.Grid th {
	background-image: url(../../images/common/GrideTitleBg.gif);
	background-repeat: repeat-x;
	height: 24px;
	border-right: #D5E0E6 solid 1px;
	border-bottom: #D5E0E6 solid 1px;
	padding: 0 6px;
	line-height: 25px;
	text-align: center;
	white-space: nowrap;
}

/*Pop*/
.ModulePop {
	width: 780px;
}

/*Tab*/
.TabTitle {
	height: 24px;
	background-color: #EFEFEF;
	padding-left: 8px;
	padding-top: 8px;
}

.TabBox {
	border: 1px solid #CCCCCC;
}

.TabTitle .TabDown {
	line-height: 20px;
	margin-top: 3px;
	padding: 0 10px;
	float: left;
	background-color: #ECF1F6;
	font-size: 12px;
	font-weight: bold;
	margin-right: 2px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #888888;
	cursor: pointer;
}

.TabTitle .TabUp {
	line-height: 24px;
	padding: 0 10px;
	float: left;
	background-color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	margin-right: 2px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	cursor: pointer;
}

.TabBoxShow {
	display: block;
	border: 1px solid #CCCCCC;
}

.TabBoxHidden {
	display: none;
	border: 1px solid #CCCCCC;
}
.EcTableColumnEllipsis {
	margin:0px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}

.selectImage{
	height:18px;
	width:16px; 
	background-image:url(../../images/common/comboxImage.jpg);
	float:left;
	margin-left:-17px;
	margin-top:1px;
}

.associateImage{
	height:17px;
	width:16px; 
	background-image:url(../../images/ctrl/selectText-ctrl.gif);
	float:left;
	margin-left:-17px;
	margin-top:1px;
}

.listImage{
	height:16px;
	width:16px; 
	background-image:url(../../images/common/listImage.png);
	float:left;
	margin-left:-17px;
	margin-top:1px;
}
